body
{
    font: Arial, tahoma;
    }
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left  {float:left}
.right  {float:right}
.clear{height: 6px; width: 100% ;min-width:980px}
.wrapper {width:98%;overflow:hidden}
.wrapper a{display: inline-block;}
.wrapper .com-name{display: inherit; color: white; font-weight: bold; font-size: large; text-transform: uppercase;margin-left: 12px;}
.nav-bottom{background-color:#5F870E; height: 4px; width: 98% ;min-width:941px; z-index: 1000; margin-top: 62px;}
/* Global properties ======================================================== */
/*older background #000========== text color : #808080    */
body {background-color: black;border:0;font:14px Arial, Helvetica, sans-serif;color:#008B8B;line-height:24px;min-width:980px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;	width:960px;position:relative}
.bg1 {background:#090909; margin: 6px;}
/* ============================= main layout ====================== */
a {color:#5f870e;text-decoration:none;outline:none}
a:hover {color:#fff}
h1 {padding:39px 0 0 9px;float:left}
h2 {font-size:33px;color:#0E870E;font-weight:700;line-height:1.2em;padding:30px 0 11px 0;letter-spacing:-1px}
h3 {font-size:27px;color:#0E870E;font-weight:700;line-height:1.2em;padding:33px 0 17px 0;letter-spacing:-1px}
h3.color1 {padding:0 0 7px 0}
p {padding-bottom:24px}
.main div{display: block;}
/* ============================= header ====================== */
header {height:179px}
#page1 header {height:auto}
#logo {display:block;text-indent:-9999px;background-image:url("../images/logocuoi.png") !important ;
 width :200px;height:90px; background-repeat: no-repeat;}
#search {float:right;padding:50px 10px 0 0 }
#search .bg {background:url(../images/search.png) 0 0 no-repeat;width:220px;height:23px}
#search .input {background:none;padding:3px 13px;font:14px Arial, Helvetica, sans-serif;color:#000;height:17px;width:194px;margin:0}
#menu  {padding-top:30px}
#menu > li  {float:left;padding-right:5px}
#menu .last {padding-right:0px}
#menu > li > a {width:auto;display:block;font-size:17px;color:#fff;text-transform:uppercase;
font-weight:400;height:61px;line-height:58px; padding: 0 9px 0;
border-top:1px solid #1f1f1f;background:#000;
text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;position:relative}
#menu > li > a:hover, #menu > .active > a {background:#5f870e;border-color:#9cba2f}
#menu > li > a span {display:block;position:relative}
#slider {position:absolute;top:209px;left:0;width:100%;height:453px;overflow:hidden;z-index:1;
margin-top: 52px; border-radius: 2px;}
#slider .pic{border-radius: 2px}
/* Block Color Style */
#top-content{height: auto; width: 940px;
display: block; }
#top-content ul li{list-style: none; height: auto; width: 32%; border-radius: 4px; 
margin: 3px; border: solid 1px; display: inline-block; text-align: center;}
#top-content ul li a{color: white ; text-decoration: none; padding-left: 16px;
vertical-align: top; }
#top-content ul li h2{height: auto; width: 100%;  text-indent: 20px; text-align: left;
font-family: 'STCMucCham'; font-size: 48px; padding: 12px 0 0 0; line-height: 1em;}

#top-content ul li #po{background-image: url("../images/block_bg1.png"); color: #fff;}
#top-content ul li #cr{background-image: url("../images/block_bg2.png"); color: #fff;}
#top-content ul li #cl{background-image: url("../images/block_bg3.png"); color: #fff;}

#top-content ul li p{text-align: justify; padding: 6px; font-weight: normal; color: #5F870E}

.main #historyList{ }
.main #historyList .his_column{display: inline-block; width: 32%; margin: 4px;}
.main #historyList p{text-align: justify;}
.main #historyList  h3{padding: 12px 0 17px;}

#content.sendmail {margin-top:12px !important;}

/*Story and Poem*/
.main #blockList .column{display: inline-block; width: 47%; margin: 8px; border-radius:3px ;
border: solid 1px; vertical-align: top;}
.main #blockList .column .column-title{background-image: url("../images/mau2.png");}
.main #blockList .column h2{text-indent: 12px; padding-top: 12px; color: inherit;}
.main #blockList .column .block{margin: 6px; text-align: justify; background-color: Cornsilk;opacity: 0.9; border-radius:3px}
.main #blockList .column .block h2{ text-indent: 24px; font-size: 30px;}
.main #blockList .column .block p {padding: 8px}

#main-content #intro_art p {text-align: justify;}
/*#top-content ul #purple {background-image: url("../images/block_bg1.png"); color: black;}
#top-content ul #orange {background-image: url("../images/block_bg2.png"); color: #0B22EC;}
#top-content ul #green  {background-image: url("../images/block_bg3.png"); color: black;}
*/
#top-content .color-blocks{background-color: black;  border-radius: 2px;}
/* End Block Color Style */
.items {display:none}
.pagination {position:absolute;bottom:72px;right:274px;z-index:2}
.pagination li {float:left;padding-left:3px}
.pagination a {display:block;width:17px;height:17px;background:url(../images/buttons.png) right 0 no-repeat;text-indent:-9999px}
.pagination a:hover, .pagination .current a {background-position:left}
.banner {position:absolute;top:87px;z-index:2;right:32px;color:#a0a0a0;width:350px}
.title {font-size:47px;line-height:1.2em;letter-spacing:-2px;display:block;padding-bottom:9px}
.title .color2 {color:#000}
.title span {display:block;margin-top:-17px}
.banner .button1 {font-size:28px;padding:0 24px;height:49px;line-height:46px;margin-top:-1px;letter-spacing:-2px}
.banner .button1:hover {background:#090909;color:#fff}
.signature {text-align:right;display:block;color:#5f870e;line-height:20px;padding-top:6px}
.signature strong {display:block;color:#fff}
/* ============================= content ====================== */
#content, #content2 {padding:0 20px}
#content {padding-bottom:9px; margin-top: 450px;}
#content2 {padding-bottom:21px}
.pad_bot1 {padding-bottom:12px}
.pad_left {padding-left :20px }    /*day khoi block sang phai*/ 
.pad_left_block3{padding-left: 30px ;}   /*padding for block 3  */
.marg_right1 {margin-right:20px}
.marg_right2 {margin-right:5px}
.t-justify {text-align: justify;}
.no_pad { padding-bottom:0}
.color1 {color:#5f870e}
.color2 {color:#5f870e}
.button1 {display:inline-block;font-size:22px;color:#fff;padding:0 18px;background:#5f870e;height:45px;line-height:44px;position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;letter-spacing:-1px;margin-top:-4px}
.button1:hover {background:#fff;color:#000}
.list1{}
.list1 a {color:#808080;padding-left:15px;background:url(../images/marker_1.png) 0 5px no-repeat}
.list1 a:hover {color:#5f870e}
.list2{}
.list2 li {padding-left:15px;background:url(../images/marker_1.png) 0 9px no-repeat;padding-bottom:12px}
figure {padding-top:2px}
.dropcap_1 {float:left;background:url(../images/dropcap_1.png) 0 0 no-repeat;width:45px;height:45px;text-align:center;font-size:33px;line-height:42px;color:#fff;font-weight:700;margin-right:15px;margin-top:2px;margin-bottom:10px}
.address span {float:left;width:88px}
.address a {text-decoration:underline}
/* ============================= footer ====================== */
footer  {padding:49px 20px 0;height:98px}
footer a {color:#808080}
footer a:hover {color:#fff}
#icons {width:184px;float:right}
#icons li {float:left;padding-right:10px}
#icons .first {float:none;font-size:23px;color:#fff;font-weight:400;line-height:1.2em;margin-top:-15px;letter-spacing:-1px;padding-bottom:9px}
/* Tooltips */
.aToolTip  {background:#5f870e;color:#fff;	margin:0;padding:2px 10px 3px;font-size:12px;line-height:1.2em;position:absolute}
.aToolTip .aToolTipContent  {position:relative;	margin:0;padding:0}
/* ============================= forms ============================= */
#ContactForm {margin-top:-2px}
#ContactForm .wrapper {overflow:inherit;min-height:30px;line-height:26px}
#ContactForm .textarea_box {min-height:189px}
#ContactForm  span {float:left;width:80px}
#ContactForm a {margin-left:15px;float:right;width:124px;padding:0;text-align:center}
#ContactForm .input  {margin:0;width:420px;height:18px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea  {overflow:auto;width:820px;height:160px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif;margin:0}
#ContactForm  .bg {background:#fff; position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left}

/* GALLERY */
#aihgallery .boxgrid {
    margin:0 10px 15px 0;
}
#ahgallery ul li.item {
    margin:20px 20px 20px 0;
}
.teaser span {
    display:block;
}
#ahgallery {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 980px;
    position: relative;
    left: 35px;
}
#ahgallery ul.hover_block0, #ahgallery ul.hover_block1, #ahgallery ul.hover_block2 {
    display: block;
    overflow: hidden;
    height: 1%;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#ahgallery ul.bottom_block {
    padding-bottom: 0px;
}
#ahgallery ul.hover_block0 li.item, #ahgallery ul.hover_block1 li.item, #ahgallery ul.hover_block2 li.item {
    margin-left: 0;
    padding-left: 0;
    list-style:none;
    list-style-position: inside;
    float:left;
    width: 210px;
    margin-top: 0px;
    position: relative;
}
#ahgallery ul.hover_block0 li a.teaser, #ahgallery ul.hover_block1 li a.teaser, #ahgallery ul.hover_block2 li a.teaser {
    display: block;
    position: relative;
    overflow: hidden;
    height: 108px;
    width: 193px;
    padding: 16px;
}
#ahgallery ul.hover_block0 li div.teaser, #ahgallery ul.hover_block1 li div.teaser, #ahgallery ul.hover_block2 li div.teaser {
    display: block;
    position: relative;
    overflow: hidden;
    height: 108px;
    width: 193px;
    padding: 16px;
}
#ahgallery ul.hover_block0 li img.overlay, #ahgallery ul.hover_block1 li img.overlay, #ahgallery ul.hover_block2 li img.overlay {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
#map_canvas {
    width: 698px;
    height: 398px;
    border: 1px solid rgb(223, 227, 231);
    background: #000000;
}
#map {
    width: 698px;
    height: 398px;
}
#map .map_text {
    width: 698px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-top: 15px;
    margin-left: 2px;
    color: #2979dd
}
.imgbox {
    padding: 4px;
    background: #ffffff;
    border: 1px solid #ededed;
}
.tit_prod{
    display: inline-block;
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 15px;
    color: #1b6abb;
    font-weight: bold;
}
.prod{
    width: 278px;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    color: #464646;
    float: left;
    margin-left: 20px;
    margin-right: 40px;
    margin-bottom: 60px;
}
.left_prod{
    float: left;
    margin-right: 10px;
    width: 73px;
    height: 73px;

}
.bankbg{
    float: left;
    padding: 10px;
    background: #f4f9ff;
    border: 1px solid #93adb6;
    margin-bottom: 0px;
    font-size: 12px;
}
.bankimg{
    float: left;
    width: 110px;
    height: 60px;
}
.bankinfo{
    float: left;
    width: 500px;
    height: 60px;
    line-height: 20px;
    margin-left: 10px;
}

/* ----------------------- end -----------------------*/



/*--------------------Video page style---------------*/


.videogallery
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 980px;
    position: relative;
    left: 35px;
    border: 2px;  
    border-color: green;
    zoom: 1;
}
.videogallery span{ display:block; }
.videogallery li p{text-indent: 12px;}
.videogallery li{
   
    display:inline-block;
    zoom:1; 
    *display:inline; 
    vertical-align:top;     
    margin:6px;
    width:45%;    
    text-align:left;
    opacity:0.87;
    border-radius: 2px;
}
.videogallery li .video-title{display: block; width: 100%;
background-color: black; border-radius: 2px; border: solid white 1px;
text-indent: 12px; padding-top:8px; color: white;border-top: 1px solid #1F1F1F;}
.videogallery a.videolb{display:none}
.videogallery a {
    display:block;
    border:none;
    width: inherit;
    height: inherit;
    text-decoration: none;     
    margin:0;
}
.videogallery a:hover{
    opacity:1;
}                                                                                                
.videoHot{border-bottom:solid 2px blue;} 
.videoMoicapnhat{border-bottom:solid 2px blue;}



/*--------------------END Video page style---------------*/